<template>
	<div class="footer-shell">
		<div class="footer">
			<div class="footer-left">
				<p class="contact">
					<a href="javascript:void(0);">关于我们</a>
					<a href="javascript:void(0);">联系我们</a>
					<a href="javascript:void(0);">广告服务</a>
					<a href="javascript:void(0);">加入我们</a>
				</p>
				<p class="copyright">Copyright © 2017<em></em>中云文化大数据科技有限公司  版权所有</p>
			</div>
			<div class="footer-right">
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data () {
		return {
		}
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
	.footer-shell {
		width: 100%;
		background: #46474f;
		border-top:5px solid #f86254;
		padding: 30px 0;
		.footer {
			width: 1200px;
			margin: 0 auto;
			color: #fff;
			.contact {
				a{
					color: #fff;
					margin-right: 30px;
				}
				a:hover {
					color:#f86254;
				}
			}
			.copyright {
				margin-top: 30px;
				color:#fff;
			}
		}
	}
</style>
